@charset "utf-8";
/* CSS Document */


body {background-color:black;
}
ul {
  list-style-type: none;
  margin-left: 50px;
  padding: 0;
  overflow: hidden;
font-family: "Cenobyte";
          color: white;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color:gray;
}



h1 {font-family:"Seeds of Yesterday";
color: white;
font-size: 90px;
margin-left: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
}

h2 {font-family: "Cenobyte";
          color: white;
font-size: 32px;
	margin-top: 5px;
	margin-left: 50px;
	padding-top: 0px;
}

.button {
  background-color: white;
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 24px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.button:hover {opacity: 1}

.button{margin-left: 50px;
font-family: "Seeds of Yesterday";}

.footer{margin-top: 195px;}

h3 {font-family: "Cenobyte";
          color: white;
	font-size: 20px;
		margin-left: 50px;
}
.face {margin-right: 0px;
	margin-top: 0px;
margin-left: 60px;
margin-bottom: 0px;}

.column {
  float: left;
  width: 50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}

	.header 3 {margin-left: 50px;
	}